﻿<!DOCTYPE html>
<html lang="en" ng-app="purchase">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Cloud Admin | Dynamic Tables</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="css/cloud-admin.css" >
    <link rel="stylesheet" type="text/css"  href="css/themes/default.css" id="skin-switcher" >
    <link rel="stylesheet" type="text/css"  href="css/responsive.css" >
    <link rel="stylesheet" type="text/css"  href="css/my.css" >
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- JQUERY UI-->
    <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
    <!-- DATE RANGE PICKER -->
    <link rel="stylesheet" type="text/css" href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <!-- DATA TABLES -->
    <link rel="stylesheet" type="text/css" href="js/datepicker/jquery.datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="js/datatables/media/assets/css/datatables.min.css" />
    <link rel="stylesheet" type="text/css" href="js/datatables/extras/TableTools/media/css/TableTools.min.css" />
    <link rel="stylesheet" type="text/css" href="js/page/simplePagination.css" />

    <!-- FONTS -->
</head>
<body ng-controller="purchaseContraller">
<!-- HEADER -->
<div class="header_div">
    <span>lo<i>go</i></span><i>仓库管理系统</i>

</div>
<header class="navbar clearfix" id="header">
    <div class="container">
        <div class="navbar-brand">
            <span class="span_title">总部系统</span>
            <!-- TEAM STATUS FOR MOBILE -->
            <div class="visible-xs">
                <a href="#" class="team-status-toggle switcher btn dropdown-toggle">
                    <i class="fa fa-users"></i>
                </a>
            </div>
            <!-- /TEAM STATUS FOR MOBILE -->
            <!-- SIDEBAR COLLAPSE -->
            <div id="sidebar-collapse" class="sidebar-collapse btn">
                <i class="fa fa-bars"
                   data-icon1="fa fa-bars"
                   data-icon2="fa fa-bars" ></i>
            </div>
            <!-- /SIDEBAR COLLAPSE -->
        </div>
        <!-- NAVBAR LEFT -->
        <ul class="nav navbar-nav pull-left hidden-xs" id="navbar-left">
            <li class="active">
                <a href="purchase.html" class="dropdown-toggle">
                    <span class="name">采购</span>
                </a>
            </li>
            <li class="dropdown">
                <a href="storage.html" class="dropdown-toggle">
                    <span class="name">出入库管理</span>
                </a>
            </li>
            <li class="dropdown">
                <a href="prdouct.html" class="dropdown-toggle">
                    <span class="name">基本信息管理</span>
                </a>
            </li>
        </ul>
        <!-- /NAVBAR LEFT -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <ul class="nav navbar-nav pull-right">
            <!-- BEGIN USER LOGIN DROPDOWN -->
            <li class="dropdown user" id="header-user">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img alt="" src="img/avatars/avatar3.jpg" />
                    <span class="username">John Doe</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="fa fa-user"></i> My Profile</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i> Account Settings</a></li>
                    <li><a href="#"><i class="fa fa-eye"></i> Privacy Settings</a></li>
                    <li><a href="login.html"><i class="fa fa-power-off"></i> Log Out</a></li>
                </ul>
            </li>
            <!-- END USER LOGIN DROPDOWN -->
        </ul>
        <!-- END TOP NAVIGATION MENU -->
    </div>
</header>
<!--/HEADER -->

<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">
            <div class="divide-20"></div>


            <!-- SIDEBAR QUICK-LAUNCH -->
            <!-- <div id="quicklaunch">
            <!-- /SIDEBAR QUICK-LAUNCH -->

            <!-- SIDEBAR MENU -->
            <ul>
                <li class="active">
                    <a href="purchase.html">
                        <i class="fa fa-tachometer fa-fw"></i> <span class="menu-text" >采购查询</span>
                        <span class="selected"></span>
                    </a>
                </li>
                <li>
                    <a href="purchase_examine.html">
                        <i class="fa fa-desktop fa-fw"></i> <span class="menu-text">采购审核</span>
                        <span class="selected"></span>
                    </a>
                </li>
                <li>
                    <a href="partial.html" class="">
                        <i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">分部自采</span>
                        <span class="selected"></span>
                    </a>
                </li>
            </ul>
            <!-- /SIDEBAR MENU -->
        </div>
    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Box Settings</h4>
                    </div>
                    <div class="modal-body">
                        Here goes box setting content.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <!-- PAGE HEADER-->
                    <div class="row">
                        <div class="col-sm-12">
                        </div>
                    </div>
                    <!-- /PAGE HEADER -->
                    <!-- DATA TABLES -->
                    <div class="row">
                        <div class="col-md-12">
                            <!-- BOX -->									<div><br></div>
                            <div class="box border primary">
                                <div class="box-title">
                                    <h4><i class="fa fa-table"></i>采购查询</h4>
                                </div>
                                <div class="search">
                                    <span class="my_span"><span>采购单号:</span><input tyle="text" class="my_input_text" ng-model="pch.number"/></span><span class="my_span"><span>日期:</span><input tyle="text" class="my_data_text" id="daterange"/></span><span>时间:</span><input tyle="text" class="my_data_text" id="datetimepicker"/></span><span class="my_span"><span>状态:</span><select class="my_select" ng-model="purchase.status"><option value="">请选择</option><option value="1">已完成</option><option value="2">未完成</option></select></span><span class="span_button"><button class="my_button_blue" ng-click="search()">查询</button></span>
                                </div>
                                <!--		<div style="border:1px solid #5e87b0"></div>-->
                                <div class="box-body" id="purchase">
                                    <table id="datatable" cellpadding="0" cellspacing="0" border="0"  class="datatable table table-striped table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th>供应商编号</th>
                                            <th>供应商名称</th>
                                            <th class="hidden-xs">地址</th>
                                            <th>联系人</th>
                                            <th class="hidden-xs">联系方式</th>
                                            <th class="hidden-xs">操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="center {{purchase.cls}}" ng-repeat="purchase in purchases track by $index">
                                            <td>{{purchase.number}}</td>
                                            <td>
                                                {{purchase.supplier}}
                                            </td>
                                            <td class="center hidden-xs">{{purchase.address}}</td>
                                            <td class="center">{{purchase.contacts}}</td>
                                            <td class="center hidden-xs">{{purchase.information}}</td>
                                            <td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table" onclick="deail(1)">明细</button></span></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    </TABLES -->
                                    <br>
                                    <div class="pagination-holder clearfix">
                                        <div id="light-pagination" class="pagination"></div>
                                    </div>
                                    <!-- /TABLE IN MODAL -->
                                    <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
                                    <div class="modal fade" id="table-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content modal-table">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                    <h4 class="modal-title">Table inside a Modal</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <table class="table table-bordered table-hover">
                                                        <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>First Name</th>
                                                            <th>Last Name</th>
                                                            <th>Username</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td>Mark</td>
                                                            <td>Otto</td>
                                                            <td>@mdo</td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td>Jacob</td>
                                                            <td>Thornton</td>
                                                            <td>@fat</td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td>Larry</td>
                                                            <td>the Bird</td>
                                                            <td>@twitter</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
                                    <div class="separator"></div>
                                    <!-- EXPORT TABLES -->
                                    <div class="row">
                                        <div class="col-md-12">

                                        </div>
                                    </div>
                                    <!-- /EXPORT TABLES -->
                                    <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                                    </div>
                                </div><!-- /CONTENT-->
                            </div>
                        </div>
                    </div>
</section>
<footer class="purchase_footer">
    <span>版权所有:XXXXXXXXXXXXXXXXXXXXXX</span>
</footer>
<script src="js/jquery/jquery-2.0.3.min.js"></script>

<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->

<!-- JQUERY UI-->
<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="bootstrap-dist/js/bootstrap.min.js"></script>


<!-- DATE RANGE PICKER -->
<script src="js/bootstrap-daterangepicker/moment.min.js"></script>

<script src="js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
<!-- DATA TABLES -->
<script type="text/javascript" src="js/datatables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/datatables/media/assets/js/datatables.min.js"></script>
<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js"></script>
<!--TIME-->
<script type="text/javascript" src="js/datepicker/jquery.datetimepicker.full.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="js/script.js"></script>
<script src="lib/angular.js"></script>
<script src="lib/angular-cookies.min.js"></script>
<script src="js/my/constf.js"></script>
<script src="js/my/purchase.js"></script>
<script src="js/page/jquery.simplePagination.js"></script>
<script src="js/page/zzsc.js"></script>
<script>
    jQuery(document).ready(function() {
        App.setPage("dynamic_table");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<script>
    $('#daterange').daterangepicker({
        applyClass : 'btn-sm btn-success',
        cancelClass : 'btn-sm btn-default',
        locale: {
            applyLabel: '确认',
            cancelLabel: '取消',
            fromLabel : '起始时间',
            toLabel : '结束时间',
            customRangeLabel : '自定义',
            firstDay : 1
        },
        ranges : {
            //'最近1小时': [moment().subtract('hours',1), moment()],
            '今日': [moment().startOf('day'), moment()],
            '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
            '最近7日': [moment().subtract('days', 6), moment()],
            '最近30日': [moment().subtract('days', 29), moment()],
            '本月': [moment().startOf("month"),moment().endOf("month")],
            '上个月': [moment().subtract(1,"month").startOf("month"),moment().subtract(1,"month").endOf("month")]
        },
        opens : 'right',    // 日期选择框的弹出位置
        separator : ' 至 ',
        showWeekNumbers : true,     // 是否显示第几周


        //timePicker: true,
        //timePickerIncrement : 10, // 时间的增量，单位为分钟
        //timePicker12Hour : false, // 是否使用12小时制来显示时间


        //maxDate : moment(),           // 最大时间
        format: 'YYYY-MM-DD'

    }, function(start, end, label) { // 格式化日期显示框
        $('#beginTime').val(start.format('YYYY-MM-DD'));
        $('#endTime').val(end.format('YYYY-MM-DD'));
    })
        .next().on('click', function(){
        $(this).prev().focus();
    });
    $.datetimepicker.setLocale('ch');


    $('#datetimepicker').datetimepicker({
        dayOfWeekStart : 1,
        lang:'ch',
        disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
        startDate:	'1986/01/05',
        format:'Y-m-d H:i',
        step:01
    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>